﻿body
{
    font: 12px/1.2 Segoe UI, sans-serif;
    color:#0C4F8A;
}
.main
{
    width:440px;
    border-radius:10px;
    height:440px;
background: #cceeff;
background: -moz-linear-gradient(top,  #cceeff 0%, #e8f6ff 28%, #a4d4ea 32%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cceeff), color-stop(28%,#e8f6ff), color-stop(32%,#a4d4ea));
background: -webkit-linear-gradient(top,  #cceeff 0%,#e8f6ff 28%,#a4d4ea 32%);
background: -o-linear-gradient(top,  #cceeff 0%,#e8f6ff 28%,#a4d4ea 32%);
background: -ms-linear-gradient(top,  #cceeff 0%,#e8f6ff 28%,#a4d4ea 32%);
background: linear-gradient(to bottom,  #cceeff 0%,#e8f6ff 28%,#a4d4ea 32%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cceeff', endColorstr='#a4d4ea',GradientType=0 );


}

.calculator
{
    background: #eff3f4;
    background: -moz-linear-gradient(top,  #eff3f4 0%, #d7e4ea 34%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff3f4), color-stop(34%,#d7e4ea));
    background: -webkit-linear-gradient(top,  #eff3f4 0%,#d7e4ea 34%);
    background: -o-linear-gradient(top,  #eff3f4 0%,#d7e4ea 34%);
    background: -ms-linear-gradient(top,  #eff3f4 0%,#d7e4ea 34%);
    background: linear-gradient(to bottom,  #eff3f4 0%,#d7e4ea 34%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff3f4', endColorstr='#d7e4ea',GradientType=0 );
    margin-top:0px;
    margin-left:6px;
    width:420px;
    border:2px solid gray;
    border-radius:3px;
}
#calculator
{
    color:black;
}
.headertable, .headerButtons
{
    display:inline-block;
    margin-bottom:3px;

}
.headerButtons
{
    margin-left:243px;
}
img.picture
{
    margin-left:7px;
}

.color
{
    
    width:100%;
    height:250px;
    border-radius:10px;
    background: #bbe1f7;
background: -moz-linear-gradient(45deg,  #bbe1f7 0%, #abd5ea 37%, #cfe9f9 58%, #afe1ea 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#bbe1f7), color-stop(37%,#abd5ea), color-stop(58%,#cfe9f9), color-stop(100%,#afe1ea));
background: -webkit-linear-gradient(45deg,  #bbe1f7 0%,#abd5ea 37%,#cfe9f9 58%,#afe1ea 100%);
background: -o-linear-gradient(45deg,  #bbe1f7 0%,#abd5ea 37%,#cfe9f9 58%,#afe1ea 100%);
background: -ms-linear-gradient(45deg,  #bbe1f7 0%,#abd5ea 37%,#cfe9f9 58%,#afe1ea 100%);
background: linear-gradient(45deg,  #bbe1f7 0%,#abd5ea 37%,#cfe9f9 58%,#afe1ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbe1f7', endColorstr='#afe1ea',GradientType=1 );

}

.navigation
{
    width:420px;
    height:22px;
    border-bottom: 1px solid #B6BCCC;
    background:-webkit-linear-gradient(#FEFEFF 0, #E5EAF5 34%, #D4DBED 35%, #E1E6F6 100%);
    background:-moz-linear-gradient(#FEFEFF 0, #E5EAF5 34%, #D4DBED 35%, #E1E6F6 100%);
    background:-o-linear-gradient(#FEFEFF 0, #E5EAF5 34%, #D4DBED 35%, #E1E6F6 100%);
    background:linear-gradient(#FEFEFF 0, #E5EAF5 34%, #D4DBED 35%, #E1E6F6 100%);

}

.navigation a
{
    padding:5px;
    display:inline-block;
    text-decoration:none;
    margin-left:3px;
    color:Black;  
}
.navigation a:first-letter
{
    text-decoration:underline;
}
.result
{   
    margin-top:10px;
    text-align:center;
}
.result input[type *= text]
{
     background: #e3f1f7;
background: -moz-linear-gradient(top,  #e3f1f7 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f1f7), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e3f1f7 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e3f1f7 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e3f1f7 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e3f1f7 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f1f7', endColorstr='#ffffff',GradientType=0 );
    
    border:2px solid gray;
    border-radius:3px;
    width:394px;
    height:50px;
    text-align:right;
    
}
.numbers
{
    border:2px solid gray;
    border-radius:3px;
    width:399px;
    margin-top:4px;
    margin-left:11px;
}
.numbers tr td
{
    text-align:center;
}
#right1
{
    padding-left:15px;
}
#right2
{
    padding-left:20px;
}
.coloredValues
{
    color:Gray;
}
.numbers td
{   
    text-align:left;
    padding-left:4px;
    
}
input[type *= text]
{
    font-family:san-serif;
    
    font-size:x-large;
}
.numeralSystem
{
    border:1px solid #727F8D;
    border-radius:3px;
    color:#1C3759;
    width:75px;
    height:95px;
    margin-left:9px;
    margin-top:4px;
    padding-top:2px;
    padding-left:4px;
   
}
.numeralSystem input
{
    margin:4px;
}
.Word
{        
    border: 1px solid #727F8D;
    border-radius:3px;
    color: #1C3759;
    width:75px;
    height:95px;
    margin-left:9px;
    margin-bottom:10px;
    padding-top:3px;
    padding-left:3px;
   
    
}
.Word input 
{
    margin:4px;
}
input[type *= button]
{
    color:#0C4F8A;
}
.buttons input[type *= button]
{
    width:35px;
    height:30px;
    font-family:Segoe UI;
}

.buttons1 input[type *= button]
{
    width:35px;
    height:30px;
    font-family:Segoe UI;
}
#nestedtable1
{
    margin-top:5px;
}
#nestedtable2
{
    margin-top:-10px;
}
#equal
{
    height:64px;
}
#zero
{
    width:75px;
}
input[type *= button].colorStyle1
{
    background: #edf5f7;
    background: -moz-linear-gradient(top,  #edf5f7 44%, #d5e8e8 56%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#edf5f7), color-stop(56%,#d5e8e8));
    background: -webkit-linear-gradient(top,  #edf5f7 44%,#d5e8e8 56%);
    background: -o-linear-gradient(top,  #edf5f7 44%,#d5e8e8 56%);
    background: -ms-linear-gradient(top,  #edf5f7 44%,#d5e8e8 56%);
    background: linear-gradient(to bottom,  #edf5f7 44%,#d5e8e8 56%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf5f7', endColorstr='#d5e8e8',GradientType=0 );
    

}
input[type *= button].colorStyle1:hover
{
    background: #f2ead7;
background: -moz-linear-gradient(top,  #f2ead7 44%, #f9d581 51%, #f7dea3 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#f2ead7), color-stop(51%,#f9d581), color-stop(97%,#f7dea3));
background: -webkit-linear-gradient(top,  #f2ead7 44%,#f9d581 51%,#f7dea3 97%);
background: -o-linear-gradient(top,  #f2ead7 44%,#f9d581 51%,#f7dea3 97%);
background: -ms-linear-gradient(top,  #f2ead7 44%,#f9d581 51%,#f7dea3 97%);
background: linear-gradient(to bottom,  #f2ead7 44%,#f9d581 51%,#f7dea3 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ead7', endColorstr='#f7dea3',GradientType=0 );

}
input[type *= button].values
{
    background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 45%, #edefff 52%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#f9f9f9), color-stop(52%,#edefff));
background: -webkit-linear-gradient(top,  #f9f9f9 45%,#edefff 52%);
background: -o-linear-gradient(top,  #f9f9f9 45%,#edefff 52%);
background: -ms-linear-gradient(top,  #f9f9f9 45%,#edefff 52%);
background: linear-gradient(to bottom,  #f9f9f9 45%,#edefff 52%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#edefff',GradientType=0 );

}
input[type *= button].values:hover
{
    background: #f2ead7;
background: -moz-linear-gradient(top,  #f2ead7 44%, #f9d581 51%, #f7dea3 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#f2ead7), color-stop(51%,#f9d581), color-stop(97%,#f7dea3));
background: -webkit-linear-gradient(top,  #f2ead7 44%,#f9d581 51%,#f7dea3 97%);
background: -o-linear-gradient(top,  #f2ead7 44%,#f9d581 51%,#f7dea3 97%);
background: -ms-linear-gradient(top,  #f2ead7 44%,#f9d581 51%,#f7dea3 97%);
background: linear-gradient(to bottom,  #f2ead7 44%,#f9d581 51%,#f7dea3 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ead7', endColorstr='#f7dea3',GradientType=0 );
}
input[type *= button].colored
{
    background-color:#d7e4ea;
    border:1px solid silver;
    border-radius:3px;
}